<!DOCTYPE html>
<html>
<head>
    <title>管理员列表</title>
    <#include "/header.html">
</head>
<body>

<style>
    #topDiv {
        margin-top: 10px
    }
</style>

<div id="vue-div" style="height:30px">
    <div style="float:left" class="block">
        <template>
            <el-select size="small" v-model="stockCode" filterable clearable placeholder="请选择">
                <el-option
                        v-for="item in options"
                        :key="item.stockCode"
                        :label="item.stockName"
                        :value="item.stockCode">
                </el-option>
            </el-select>
        </template>
    </div>

    <div class="grid-btn">
        <a style="float:left;margin-left:10px;" class="btn btn-default" @click="querySingleStock">查询选中股票</a>

        <el-input style="float:left;width:100px;margin-left:10px;margin-right:10px" size="small"
                placeholder="随机个数"
                v-model="stockRandomCount"
                clearable>
        </el-input>
        <a style="float:left" class="btn btn-default" @click="queryRandomStock">随机查询<span style="color:red">{{stockRandomCount}}</span>个股票</a>
    </div>

    <el-autocomplete style="width:100px" size="small" clearable :disabled="false"
                     value-key="value"
                     debounce="10"
                     class="inline-input"
                     v-model="stockName"
                     :fetch-suggestions="querySearch"
                     placeholder="请输入内容">
    </el-autocomplete>
    <a style="margin-left:10px;" class="btn btn-default" @click="searchByName">股票名称搜索共<span style="color:red">{{searchByNameCount}}</span></a>

</div>

<script src="${request.contextPath}/statics/js/modules/stock/randomStock.js?_${.now?long}"></script>
</body>
</html>